<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车有商品</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2945959_zjgm044dw6f.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="./css/shopping_car.css">
  <link rel="stylesheet" href="./css/shopping_carT.css">
</head>

<body>

  <!-- 顶部 -->
  <div class="top-bar">
    <div class="contenter">
      <div class="l-box">
        <div class="collect">
          <i class="iconfont icon-shoucang"></i>
          <a href="javascript:;">收藏浪漫天使鲜花礼品</a>
        </div>
        <div class="weixin">
          <i class="iconfont icon-weixin"></i>
          <a href="javascript:;">关注微信</a>
          <div class="qr_code">
            <img src="./img/qr/qr.jpg" alt="">
            <p>扫一扫 有惊喜</p>
          </div>
        </div>
      </div>
      <div class="r-box">
        <ul>
          <li class="f-item">
            <a href="./login.html" class="log-in">你好，请登录</a>
            <a href="./sign.html" class="sign-in">注册</a>
          <li>
            <span>|</span>
          <li>
            <a href="./login.html" class="col-r">我的订单</a>
          </li>
          <span>|</span>
          <li> <a href="./shopping_car.html" class="shop-car">
              <i class="iconfont icon-gouwuche"></i>
              购物车
              <span>(0)</span>
            </a>
          </li>
          <span>|</span>
          <li>
            <a href="./see_older.html" class="col-r">订单查询</a>
          </li>
          <span>|</span>
          <li>
            <a href="settle.html" class="col-r">结账通道</a>
          </li>
          <span>|</span>
          <li>
            <a href="#" class="col-r">购物流程</a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 头部 -->
  <div class="header">
    <div class="contenter">
      <div class="logo"><a href="./index.html"><img src="./img/logo/logo.jpg" alt=""></a></div>
      <div class="search">
        <div class="top">
          <input type="text" name="" id="text" placeholder="商品关键字">
          <div class="btn">搜索</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 购物车内容 -->
  <div class="car_content">
    <div class="contenter">
      <!-- 步骤提示 -->
      <div class="car_tit">
        <div class="car_T active"><img src="./img/shopping_car-img/icon1_car.png" alt="">购物车商品</div>
        <div class="car_T"><img src="./img/shopping_car-img/icon2_car.png" alt="">提交订单信息</div>
        <div class="car_T"><img src="./img/shopping_car-img/icon3_car.png" alt="">填写订单资料</div>
        <div class="car_T"><img src="./img/shopping_car-img/icon4_car.png" alt="">确认支付订单</div>
        <div class="car_T"><img src="./img/shopping_car-img/icon5_car.png" alt="">确认完成订单</div>
      </div>
      <!-- 购物车属性分类 -->
      <div class="list_tit">
        <span class="tit_f">商品</span>
        <span>赠送积分</span>
        <span>价格 </span>
        <span>附加花材</span>
        <span>实际购物价</span>
        <span>数量</span>
        <span>操作</span>
      </div>
      <!-- 购物车列表 -->
      <div class="list_body" id="car_num">
        <span class="body_f"> <div class="img"><img src="./img/flower/page.jpg" alt=""><a>LOVE YOU</a></div></span></span>
        <span id="integral">189</span>
        <span>￥ 189 </span>
        <span>￥ 0.00</span>
        <span id="real">￥ 189</span>
        <span><img id="unadd" src="./img/shopping_car-img/unadd.gif"><input id="number" type="text" value="1" ><img id="add" src="./img/shopping_car-img/add.gif"></span>
        <span><a href="./shopping_car.html" id="del_btn">删除</a></span>
      </div>
      <!-- 清空 结算 -->
      <div class="totle">
        <a href="./shopping_car.html" id="cle" class="clear">
          <img src="./img/shopping_car-img/clo.gif" alt=""><span>清空购物车</span>
        </a>
        <div class="r-box">
          <p id="heji">合计(不含运费)：<span>￥189</span></p>
          <div id="jifen" class="ji_fen">共获得积分：  <span>189</span>点</div>
        </div>
      </div>
      <!-- 订单、挑选 -->
      <div class="change">
        <a href="./index.html" id="begin"><img src="./img/shopping_car-img/change.gif" alt=""></a>
        <a href="#" id="sumb"><img src="./img/shopping_car-img/sumb.gif" alt=""></a>
      </div>
      <!-- 店长推荐 -->
      <div class="cart-recomden">
        <p class="cart_tit">
          <span>店长推荐</span>
        </p>
        <div class="cart_bod">
          <div class="cart_item"> 
            <div class="img">
              <img src="./img/shopping_car-img/item1.jpg" alt="">
            </div>
            <div class="tex">
              <span class="desc">德芙心语98g</span>
              <span class="mon">109</span>
            </div>

          </div>
          <div class="cart_item"> 
            <div class="img">
              <img src="./img/shopping_car-img/item2.jpg" alt="">
            </div>
            <div class="tex">
              <span class="desc">永恒情谊</span>
              <span class="mon">179</span>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>





  <!-- copy -->
  <div class="copy">
    <ul>
      <li><a href="#">首页</a><span>|</span></li>
      <li><a href="#">关于我们</a><span>|</span></li>
      <li><a href="#">联系我们</a><span>|</span></li>
      <li><a href="#">服务监督</a><span>|</span></li>
      <li><a href="#">支付说明</a><span>|</span></li>
      <li><a href="#">购物流程</a></li>
    </ul>
    <p><a href="#">苏ICP备18042816号</a>
      Copyright © 2012 - 2021</p>
    <p><a href="#">cxhua.njspsm.cn</a>
      南京笙鹏商贸有限公司</p>
  </div>
  <script src="js/jquery3.5.1.js"></script>
  <script src="js/shop_car.js"></script>
</body>
</html>